<template>
  <div class="home-container">
    <el-card class="card">
      <div>
        <h2>模型介绍： 血压计</h2>
        <h3>制作难度： 中</h3>
        <h3>制作时间： 二月</h3>
        <h3>
          模型链接：
          http://img.xiyblog.cn/%E5%AF%BC%E8%88%AA/%E6%A8%A1%E5%9E%8B/obj/xueyaji1.obj
        </h3>
      </div>
      <div class="othermodel">
        <h2>其他模型：</h2>
        <router-link :to="'/threeone'" style="text-decoration: none;"><h3>枪</h3></router-link>
        <router-link :to="'/threethree'" style="text-decoration: none;"><h3>车</h3></router-link>
      </div>
    </el-card>
    <model-obj
      src="http://img.xiyblog.cn/%E5%AF%BC%E8%88%AA/%E6%A8%A1%E5%9E%8B/obj/xueyaji1.obj"
      mtl="http://img.xiyblog.cn/%E5%AF%BC%E8%88%AA/%E6%A8%A1%E5%9E%8B/obj/xueyaji1.mtl"
    ></model-obj>
  </div>
</template>

<script>
import { ModelObj } from "vue-3d-model";
export default {
  name: "ThreeTwo",
  data() {
    return {};
  },
  components: { ModelObj },
};
</script>

<style scoped>
.othermodel{
  margin: 15px 6px;

}
.card {
  opacity: 0.8;
  height: 380px;
  width: 280px;
  position: absolute;
  margin: 88px;

  word-break: break-all;
  word-wrap: break-word;
  white-space: normal;
  color: #409eff;
}
.home-container {
  z-index: -9;
  /* height: 100%; */
  width: 100%;
  overflow: auto;
  /* overflow-y: scroll; */
  /* position: absolute; */
  background: linear-gradient(to right top, #a8edea, #fed6e3);
}
</style>
